<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax--实现步骤</title>
    <script src="js/jquery-3.7.1.js"></script>
</head>
<body>
<h1>Ajax-实现异步请求-JSON操作</h1>
<button id="btn1">用户手动拼接字符串</button>
<button id="btn2">GSON工具实现</button>

<script>
    $("#btn1").click(function(){
        $.ajax("json.do",{
            type:'post',
            // 把 JSON 字符串，还原（转换）为对应的 JavaScript 对象
            dataType:'json',
            success:function( obj ){
                // 注意：服务器响应回来的是 JavaScript 对象的字符串表示 —— JSON
                // 解决：把 JSON 字符中转换为对应的 JavaScript 对象
                console.log(typeof obj)
                console.log( obj )
                // 错误！！！！
                console.log( obj.username )
            }
        }) ;
    }) ;
</script>
</body>
</html>